<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style>
      @import url("../../deps/opt/bootstrap.css");

      .expandable > legend {
        background: transparent url('rightArrow.gif') no-repeat scroll 0 center;
        cursor: pointer;
        padding-left: 20px;
        border-bottom: none;
      }

      .expanded > legend {
        background-image: url('bottomArrow.gif');
        border-bottom: 1px solid #EEE;;
      }
    </style>
  </head>
  
  <body>
    <form id="testform"></form>

    <script src="../../deps/jquery.min.js"></script>
    <script src="../../deps/underscore.js"></script>
    <script src="../../lib/jsonform.js"></script>
    <script src="../../deps/opt/jsv.js"></script>
    <script src="forms/expandable.js"></script>
  </body>
</html>